<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="loginPageLayout.xhtml">
<!--	<ui:define name="title">Alta Usuario</ui:define>-->
	<ui:define name="content">
		<h:form>
			<!-- style="text-align:center" -->
			<p:panel style="align:center; margin:3% 20% 30% 20%;"
				header="Alta Usuario" footer="">

				<h:panelGrid columns="2" title="Fotos">
					<h:outputLabel for="foto" value="Foto" />
					<p:graphicImage value="/img/avatar.png" title="avatar" />
				</h:panelGrid>

				<h:panelGrid columns="6">

					<h:outputLabel for="nombre" value="Nombre" />
					<h:inputText id="nombre" label="Nombre" required="true"
						value="#{userBkBean.nombre}" />
					<h:message for="nombre" errorClass="error" id="nombreError"
						style="color: red" />

					<h:outputLabel for="apellido" value="Apellido" />
					<h:inputText id="apellido" label="Apellido" required="true"
						value="#{userBkBean.apellido}" />
					<h:message for="apellido" errorClass="error" id="apellidoError"
						style="color: red" />

					<h:outputLabel for="mail" value="Mail" />
					<h:inputText id="mail" label="Mail" required="true"
						value="#{userBkBean.mail}" />
					<h:message for="mail" errorClass="error" id="mailError"
						style="color: red" />

					<h:outputLabel for="pass" value="Password" />
					<p:password value="#{userBkBean.pass}" id="pass" required="true"
						minLength="6" for="pass" color="red" />
					<h:message for="pass" errorClass="error" id="passError"
						style="color: red" />

					<p:spacer height="5px" />
					<h:commandButton value="Guardar	" action="#{userBkBean.guardar}" />
					<p:spacer height="5px" />

				</h:panelGrid>
				<h:panelGrid>
					<p>
						<h:messages style="color: red" />
					</p>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>